//省市联动：数组的内容显示在界面
//1、定义省份和对应城市的数组
var provinceArr=['浙江','江苏','上海'];
var cityArr=[
['杭州','宁波','温州','绍兴','台州'],
['南京','苏州','无锡','扬州','常州','连云港'],
['黄浦区','浦东区','静安区','虹桥']
];
//2、获取下拉列表元素对象
var province=document.getElementById('province');
var city=document.getElementById('city');
//3、省份下拉列表数据显示出来
   //循环遍历省份一维数组，将数据添加到下拉列表
       //通过Option对象创建html中<select>标签内的<option>
   for (var i in provinceArr) {
   	var op=new Option(provinceArr[i],i);
   	province.options.add(op);
   }
//4、给省份下拉列表添加改变事件
province.onchange=function(){
	//添加之前先清空
	city.length=0;
	//城市下拉列表数据显示出来
	  //1）获取选中的当前省份
	var selected=province.value
	  //2）对应的城市数据 cityArr[selected]
	  for (var j in cityArr[selected]) {
	  	var op = new Option(cityArr[selected][j],j);
	  	city.options.add(op);
	  }
}


